import React, { Component } from 'react';

import ObserverButton from './ObserverButton';
import ObserverText from './ObserverText';

export default class ObserverTest extends Component {
  render() {
    return (
      <div style={{background: '#eee'}}>
        <h6>
          <p>对 Store 中的属性 counter 使用 @observable 添加观察</p>
          <p>使用 @observer 修饰 ObserverText 组件用于响应式的渲染；在另一个组件 ObserverButton 中修改 counter 状态，查看响应式变化</p>
          <p></p>
        </h6>
        <ObserverButton />
        <ObserverText />
      </div>
    )
  }
}